.ic_container{
    margin:10px;
	    position:relative;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;
}
.overlay{
    opacity:0.6!important; 
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	
}
.ic_caption{
   position:absolute;    
    opacity:0.70!important; 
	  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
    overflow:hidden;
    margin:0px;
    padding:0px;
    left:0px;
    right:0px;
    cursor:default;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.ic_category{
    text-transform:uppercase;
    letter-spacing:3px;
    padding:5px;
    margin:0px;
}
.ic_caption h3{
    padding:0px 5px 5px 5px;
    margin:0px;

}
.ic_text{
    padding:5px;
    margin:0px;
    text-align:justify;
 
}






time.icon
{
  font-size: 1em; /* change icon size */
  display: block;
  position: relative;
  width: 4em;
  height: 4em;
  background-color: #fff;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
}


time.icon *
{
  display: block;
  width: 100%;
  font-size: 0.5em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}


time.icon strong
{
  position: absolute;
  top: 0;August
  padding: 0.1em 0;
  color: #fff;
  background-color: #fd9f1b;
  border-bottom: 1px dashed #f37302;
  box-shadow: 0 2px 0 #fd9f1b;
}


time.icon em
{
  position: absolute;
  bottom: 0.3em;
  color: #fd9f1b;
}


time.icon span
{
  font-size: 2.3em;
  letter-spacing: -0.05em;
  padding-top: 0.2em;
  color: #2f2f2f;
}